<template>
    <div class="content">
        <!-- 穿梭框 -->
        <h2 class="title">vite+vue3+iview-design二次封装实现多列穿梭框</h2>
        <p class="desc">实现功能：全选、单选和多选实现数据穿梭</p>
        <CustomTransfer></CustomTransfer>
    </div>
</template>

<script setup>
    // 自定义穿梭多列
    import CustomTransfer from '@/components/CustomTransfer/index.vue'
    
</script>

<style lang="scss">
    .content 
    {
        padding: 18px;
        margin-top: 220px;
        .title 
        {
            font-size: 30px;
            font-weight: 600;
            text-align: center;
            color: #10ac84;
        }
        .desc 
        {
            text-align: center;
            padding-bottom: 10px;
            color: tomato;
            font-weight: bold;
        }
    }
</style>